<template>
  <div>
    <div class="list" v-for="(item, i) in items" :key="i">
      <Item v-for="(data, index) in item" :key="index" :o="data"/>
    </div>
  </div>
</template>

<script>
import Item from './Item';

export default {
  name: 'TaskList',
  props: {
    items: Array,
    checked: Array,
  },
  components: {
    Item,
  },
};
</script>

<style scoped>

.list {
  display: flex;
  margin: 0 auto;
}

</style>
